﻿@model AirLine.WebApp.Models.TestViewModel
@{
    
    ViewBag.Title = "Home Page";
}
<script src="~/Scripts/Home/index.js"></script>
<link href="~/Content/Home/index.css" rel="stylesheet" />
<div class="for_banners">
			<article class="col1">
						<div class="tabs">
							<ul class="nav">
								<li class="selected"><a href="#Flight">Flight</a></li>
								<li><a href="#Hotel">Hotel</a></li>
								<li class="end"><a href="#Rental">Rental</a></li>
							</ul>
							<div class="content">
								<div class="tab-content" id="Flight">
									<form id="form_1" method="post">
										<div>
											<div class="radio">
												<div class="wrapper">
													 <input type="radio" name="FlightTypeId" checked>
													 <span class="left">Round Trip</span>
													 <input type="radio" name="FlightTypeId">
													 <span class="left">One Way</span>
                                                    <input type="radio" name="FlightTypeId">
													 <span class="left" style="width:120px">Multiple Destination</span>
												</div>
											</div>
											<div class="form_row">
												<span class="left">From</span>
												<input type="text" class="input" name ="AirportFrom" placeholder="Airport code or city name">
											</div>
											<div class="form_row">
												<span class="left">To</span>
												<input type="text" class="input" name ="AirportTo" placeholder="Airport code or city name">
											</div>
											<div class="wrapper_visible">
												<div class="col1">
													<div class="form_row">
														<span class="left">Departure</span>
														<input type="text" class="input1" name="DepartureDate" id="datepickerDeparture">
													</div>
													<div class="form_row">
														<span class="left">Return</span>
														<input type="text" class="input1" name="ReturnDate" id="datepickerReturn">
													</div>
												</div>
												<input type="text" class="input1 marg_top1" name="VariantDayAmount" value="+/- 0 Days"  onblur="if(this.value=='') this.value='+/- 0 Days'" onFocus="if(this.value =='+/- 0 Days' ) this.value=''">
											</div>
                                            <div class="row_select">
												<span class="left">Adults</span>
												<select name="AdultsAmount" >
                                                     @for (int i = 1; i < 7; i++)
                                                     {
                                                       <option value ="@i">@i</option>  
                                                     }
                                                </select>
											</div>
                                            <div class="row_select">
												<span class="left">Children</span>
												<select name="ChildrenAmount" >
                                                     @for (int i = 1; i < 7; i++)
                                                     {
                                                       <option value ="@i">@i</option>  
                                                     }
                                                </select>
											</div>
											<div class="wrapper">
												<span class="right relative"><a href="#" class="button1"><strong>Search</strong></a></span>
												<a href="#" class="link1">More Options</a>
											</div>
										</div>
									</form>
								</div>
								<div class="tab-content" id="Hotel">
									<form id="form_2" method="post">
										<div>
											<div class="radio">
												<div class="wrapper">
													 <input type="checkbox" checked>
													 Our Partners
												</div>
											</div>
											<div class="form_row">
												<span class="left">Location</span>
												<input type="text" class="input">
											</div>
											<div class="form_row">
												<span class="left">Check-in  </span>
												<input type="text" class="input1" value="03.05.2011"  onblur="if(this.value=='') this.value='03.05.2011'" onFocus="if(this.value =='03.05.2011' ) this.value=''">
												<a href="#" class="help"></a>
											</div>
											<div class="form_row">
												<span class="left">Check-out  </span>
												<input type="text" class="input1" value="10.05.2011"  onblur="if(this.value=='') this.value='10.05.2011'" onFocus="if(this.value =='10.05.2011' ) this.value=''">
												<a href="#" class="help"></a>
											</div>
											<div class="form_row">
												<span class="left">Rooms</span>
												<input type="text" class="input2" value="1"  onblur="if(this.value=='') this.value='1'" onFocus="if(this.value =='1' ) this.value=''">
												<a href="#" class="help"></a>
											</div>
											<div class="form_row">
												<span class="left">Adults</span>
												<input type="text" class="input2" value="2"  onblur="if(this.value=='') this.value='2'" onFocus="if(this.value =='2' ) this.value=''">
											</div>
											<div class="form_row">
												<span class="left">Children</span>
												<input type="text" class="input2" value="0"  onblur="if(this.value=='') this.value='0'" onFocus="if(this.value =='0' ) this.value=''">
												<span class="pad_left1">(0-11 years)</span>
											</div>
											<div class="wrapper">
												<span class="right relative"><a href="#" class="button1" onClick="document.getElementById('form_2').submit()"><strong>Search</strong></a></span>
												<a href="#" class="link1">More Options</a>
											</div>
										</div>
									</form>
								</div>
								<div class="tab-content" id="Rental">
									<form id="form_3" method="post">
										<div>
											<div class="radio">
												<div class="wrapper">
													 <input type="radio" name="name2" checked>
													 <span class="left">Avis</span>
													 <input type="radio" name="name2">
													 <span class="left">Europcar</span>
												</div>
											</div>
											<div class="form_row">
												<span class="left">Rental location</span>
												<input type="text" class="input">
											</div>
											<div class="form_row">
												<span class="left">Pick-up</span>
												<input type="text" class="input1" value="03.05.2011"  onblur="if(this.value=='') this.value='03.05.2011'" onFocus="if(this.value =='03.05.2011' ) this.value=''">
												<input type="text" class="input2" value="12:00"  onblur="if(this.value=='') this.value='12:00'" onFocus="if(this.value =='12:00' ) this.value=''">
											</div>
											<div class="form_row">
												<span class="left">Return</span>
												<input type="text" class="input1" value="10.05.2011"  onblur="if(this.value=='') this.value='10.05.2011'" onFocus="if(this.value =='10.05.2011' ) this.value=''">
												<input type="text" class="input2" value="12:00"  onblur="if(this.value=='') this.value='12:00'" onFocus="if(this.value =='12:00' ) this.value=''">
											</div>
											<div class="row_select">
												<span class="left">Miles &amp; More</span>
												<select><option>no membership</option></select>
											</div>
											<div class="row_select">
												<div class="pad_left1">
													Country of residence<br>
													<div class="select1"><select><option>&nbsp;</option></select></div>
												</div>
											</div>
											<div class="wrapper">
												<span class="right relative"><a href="#" class="button1" onClick="document.getElementById('form_3').submit()"><strong>Search</strong></a></span>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>	
					</article>
					<div id="slider">
						<img src="~/Images/Main/banner1.jpg" alt="" title="">
						<img src="~/Images/Main/banner2.jpg" alt="" title="">
						<img src="~/Images/Main/banner3.jpg" alt="" title="">
					</div>
				</div>
		<div class="wrapper pad1">
			<article class="col1">
				<div class="box1">
							<h2 class="top">Offers of the Week from UK</h2>
							<div class="pad">
								<strong>From Birmingham</strong><br>
								<ul class="pad_bot1 list1">
									<li>
										<span class="right color1">from GBP 143.-</span>
										<a href="Book2.html">Zurich</a>
									</li>
								</ul>
								<strong>From London City</strong><br>
								<ul class="pad_bot1 list1">
									<li>
										<span class="right color1">from GBP 176.-</span>
										<a href="Book2.html">Basel</a>
									</li>
									<li>
										<span class="right color1">from GBP 109.-</span>
										<a href="Book2.html">Geneva</a>
									</li>
								</ul>
								<strong>From London Heathrow</strong><br>
								<ul class="pad_bot2 list1">
									<li>
										<span class="right color1">from GBP 100.-</span>
										<a href="Book2.html">Geneva</a>
									</li>
									<li>
										<span class="right color1">from GBP 112.-</span>
										<a href="Book2.html">Zurich</a>
									</li>
									<li>
										<span class="right color1">from GBP 88.-</span>
										<a href="Book2.html">Basel</a>
									</li>
								</ul>
							</div>
							<h2>From Ireland To Switzerland</h2>
							<div class="pad">
								<strong>From Dublin</strong><br>
								<ul class="pad_bot2 list1">
									<li class="pad_bot1">
										<span class="right color1">from EUR 122.-</span>
										<a href="Book2.html">Zurich</a>
									</li>
								</ul>
							</div>
						</div>
					</article>
					<article class="col2">
						<h3>About Our Airlines<span>Template created by TemplateMonster.com team</span></h3>
						<div class="wrapper">
							<article class="cols">
								<figure><img src="~/Images/Main/page1_img1.jpg" alt="" class="pad_bot2"></figure>
								<p class="pad_bot1"><strong>Airlines is one of <a href="http://blog.templatemonster.com/free-website-templates/" target="_blank">free website templates</a> created by TemplateMonster.com team.</strong></p>
								<p>This website template is optimized for 1024X768 screen resolution. It is also XHTML &amp; CSS valid. This website template has several pages: <a href="index.html">About</a>, <a href="Offers.html">Offers</a>, <a href="Book.html">Book</a>, <a href="Services.html">Services</a>, <a href="Safety.html">Safety</a>, <a href="Contacts.html">Contacts</a>.</p>
							</article>
							<article class="cols pad_left1">
								<figure><img src="~/Images/Main/page1_img2.jpg" alt="" class="pad_bot2"></figure>
								<p class="pad_bot1"><strong>This <a href="http://blog.templatemonster.com/2011/05/09/free-website-template-airlines/" target="_blank" rel="nofollow">Airlines Template</a> goes with two packages.</strong></p>
								<p>With PSD source files and without them. PSD source files are available for free for the registered members of Templates.com. The basic package (without PSD source files) is available for anyone without registration).</p>
							</article>
						</div>
						<a href="#" class="button1"><strong>Read More</strong></a>
					</article>
				</div>
